Skip to main content

ActionCardButton

The ActionCardButton is used to add a button the the ActionCardContent footer.

It has 4 variants being 'next', 'primary', 'black primary', 'secondary'. They can be seen below.

info

The 'black primary' variant is preferred over 'primary' to keep a consistent design.

Usage#

<ActionCardButton variant="black primary"> Button <ActionCardButton>

Props#

NameTypeDefaultDescription
variant'next', 'primary', 'black primary', 'secondary'nextButton Variant
onPressfunction () => anyundefinedCallback that is called when pressing the button
disabledbooleanundefinedMakes the button unclickable
labelstring, JSX.Element, JSX.Element[]undefinedThe content inside the button. Usually just a string.
childrenstring, JSX.Element, JSX.Element[]undefinedAlternative to using the label prop
colorstringundefinedOverrides the button's color (Should only be used as user feedback)